<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <body>

        <ui:composition template="./../../Template/generalTemplate.xhtml">


            <ui:define name="content">
                <h:form>
                    
                 <p:panel id="invoiceList" header="Incoming Bill List" style="height:495px;">
                     <div style="margin-top:10px;margin-left:20px;margin-right:20px;height:430px;overflow: auto;"> 
                         
                     <p:dataTable id="Invoice" dynamic="true" emptyMessage="No Invoice Has Been Created" value="#{viewAllIncomingBillRecordManagedBean.getAllIncomingBills()}" var ="o" paginator="true" rows="4">
                      <p:column style="width:200px;" sortBy="#{o.id}">
                         <f:facet name="header">Incoming Bill Record Id</f:facet>
                         #{o.id}
                      </p:column>

                      <p:column>
                         <f:facet name="header">Supplier</f:facet>
                         #{o.supplierName}
                        
                      </p:column> 
                         <p:column> 
                        <f:facet name="header">Created Date</f:facet>
                        <h:outputText value="#{o.createDate}">
                         <f:convertDateTime pattern ="yyyy-MM-dd"/>
                         </h:outputText>
                            </p:column>                     
                      <p:column style="width:100px;text-align:center;">
                         <f:facet name="header">Action</f:facet>
           
                         <p:commandButton action ="#{viewAllIncomingBillRecordManagedBean.viewIncomingBill(o)}"  image="ui-icon ui-icon-search" title="View">  
                         </p:commandButton>
                         
                      </p:column>        
                     </p:dataTable>
                     
                    
                 
                    <p:fieldset legend="View Abolished IncomingBill" toggleable="true" toggleSpeed="500"  
                                    toggleListener="#{viewAllIncomingBillRecordManagedBean.handleToggle}"  
                                    onToggleUpdate="deliveryInfo" collapsed="true" style="margin-top:20px;">  
             
                     <p:dataTable id="AbolishInvoice" dynamic="true" emptyMessage="No Invoice in this list" value="#{viewAllIncomingBillRecordManagedBean.getAolishedIncomingBills()}" var ="l" paginator="true" rows="4">
                      <p:column style="width:200px;" sortBy="#{o.id}">
                         <f:facet name="header">Incoming Bill Record Id</f:facet>
                         #{l.id}
                      </p:column>

                      <p:column>
                         <f:facet name="header">Supplier</f:facet>
                         #{l.supplierName}
                        
                      </p:column> 
                         <p:column> 
                        <f:facet name="header">Created Date</f:facet>
                        <h:outputText value="#{l.createDate}">
                         <f:convertDateTime pattern ="yyyy-MM-dd"/>
                         </h:outputText>
                            </p:column>                     
                      <p:column style="width:100px;text-align:center;">
                         <f:facet name="header">Action</f:facet>
           
                         <p:commandButton action ="#{viewAllIncomingBillRecordManagedBean.viewIncomingBill(l)}"  image="ui-icon ui-icon-search" title="View">  
                         </p:commandButton>
                         
                      </p:column>         
                     </p:dataTable>
    

                        </p:fieldset> 
                      </div>   
                     </p:panel>
               </h:form>
             
            </ui:define>
        </ui:composition>

    </body>
</html>


